Fixed an issue where tab number is overlapping with pinned tab icon

this issue happen when we browse through the pinned tab. For example if I pin reddit.com, the tab number is working fine until I open a reddit post which will make the url is not just reddit.com anymore.

Zen will change the .tab-icon-stack position attribute to absolute , which will make the tab number overlap with the button icon

Solution

[zen-pinned-changed='true']:not([zen-essential]) .tab-reset-pin-button image {
  opacity: 1 !important;
}

[zen-pinned-changed='true']:not([zen-essential]) .tab-icon-image {
  opacity: 0 !important;
}

this will display the button img and just hide the pinned tab icon.

sorry for bad English or bad code. This is my first time trying to fork and try to fix smth